<template>
  <div class="login">
    <div class="main">
      <div class="mainbox">
        <div class="loginbox">
          <h2>平台登录</h2>
          <form>
              <input type="text" name="uasername" placeholder="账号" id="username" class="textborder">
              <input type="password" name="uasername" placeholder="密码" id="password" class="textborder">
              <input type="" name="" value="" placeholder="验证码" class="textborder">
              <div id="mpanel"></div>
              <input type="button" value="登录" class="loginbtn" id="login">
          </form>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="scss" scoped>
.login{
    background-image:url("../assets/map.jpg");
    height:100%;
    background-repeat:no-repeat;
    background-size:contain;
}
.clear{
    clear: both;
}

.mainbox{
    width: 1200px;
    height:360px ;
    margin: 0px auto;
    padding-top: 40px;
}
.loginbox{
    width: 260px;
    height: 290px;
    background-color: white;
    float: right;
    margin-right: 60px;
    padding: 20px;
}
h2{
    font-size: 20px;
}
.textborder{
    width: 248px;
    height: 35px;
    margin-top: 20px;
    padding-left: 10px;
}
.loginbtn{
    width: 260px;
    height: 36px;
    border: 0;
    background-color: #3fb3b2;
    margin-top: 20px;
    color:white;
    text-align: center;
}
</style>
